<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="comm">
	<head>
		<title>查询数据报表</title>
		<!-- <link href="vendor/datatables-plugins/dataTables.bootstrap.css" rel="stylesheet" /> -->
		<link href="vendor/datatables/css/jquery.dataTables.min.css" rel="stylesheet" />
		<link href="vendor/bootstrap/css/bootstrap.css" rel="stylesheet" />
		<link href="vendor/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
		<link href="vendor/fileinput/css/fileinput.css" rel="stylesheet" type="text/css" />
	
		<script th:src="@{dist/js/requestList.js?v=}+${session.version}"></script>
		<script src="vendor/datatables/js/dataTables.bootstrap.min.js"></script>
		<script src="vendor/datatables/js/jquery.dataTables.min.js"></script>
		<script src="vendor/fileinput/js/fileinput.js"></script>
		<script src="vendor/fileinput/js/locales/zh.js"></script>
		<script src="vendor/select2/js/select2.min.js"></script>
	
		<style type="text/css">
			#dataTables-example tr td, th {
				max-width: 200px;
			}
			.form-control-selectOption {
				display: block;
				width: 100%;
				height: 34px;
				padding: 6px 12px;
				font-size: 14px;
				line-height: 1.42857143;
				color: white;
				background-color: #204D74;
				background-image: none;
				border: 1px solid #204D74; 
			}
			
		    .layoutLoading {
		        display: none;
		        position: absolute;
		        top: 40%;
		        left: 40%;
		        width: 20%;
		        height: 20%;
		        z-index: 1001;
		        text-align:center;
		    }
		    body{
				font-size: 12px;
			}
			html {
				/* -ms-overflow-style:none; */
				overflow:-moz-scrollbars-none;
				overflow-x: hidden;
			}
			html::-webkit-scrollbar{width:0px} 
		</style>
	</head>
<body>
	<div id="page-wrapper" th:fragment="content" th:remove="tag">
	
	    <!-- <div class="layoutLoading"><img src="dist/imgs/loading.gif" /></div> -->
		<div class="row">
		<br/>
			<ul class="nav nav-tabs">
				<li class="active"><a href="#"><h8 style="font-size:14px;">数据查询与导出</h8></a></li>
				
			</ul>
			<br/>
		</div>
		<div id="tonerInfowarning" style="float:center;margin-left:45%;margin-top:10%">
		<img src="dist/imgs/loading.gif" ></img>
		</div>
		<div class="row " id="requestList" style="display: none;">
		
			<div class="col-md-12 col-lg-12">
				<div class="panel panel-primary">
					<div class="panel-heading">
						<i class="fa fa-navicon"></i><label id="companyName">&nbsp;<span
							class="entityShortNm"></span>请求列表
						</label>
					</div>
					<div class="panel-body">
						<div class="">
							<button type="button" id="addBtu"
								class="btn btn-primary fa fa-plus" data-toggle="modal"
								data-target="#myModal"></button>
							<button type="button" class="btn btn-primary fa fa-refresh"
								id="refreshBtn"></button>
						</div>
						<br />
						<table data-toggle="table"
							class="table table-striped table-bordered table-hover"
							id="dataTables-example">
							<thead>
								<tr>
									<th>请求号</th>
									<th>查询时间</th>
									<th>账套个数</th>
									<th>参数</th>
									<th>状态</th>
									<th>请求备注</th>
									<th>下载报表</th>
								</tr>
							</thead>
							<tbody>
							</tbody>
						</table>
					</div>
				</div>
			</div>
            
			<div class="modal fade" id="myModal" tabindex="-1"
				data-backdrop="static" role="dialog" aria-labelledby="myModalLabel">
				<div style="width: 60%" class="modal-dialog" role="document">
					<div class="modal-body">
						<div class="panel panel-primary">
							<div class="panel-heading">
								<i class="fa fa-download fa-fw" id="myModalLabel"></i><span
									class="entityShortNm"></span>数据导出
								<button type="button" class="close" data-dismiss="modal"
									aria-label="Close">
									<span aria-hidden="true">×</span>
								</button>
							</div>
							<div class="panel-body">
								<form class="form-horizontal" id="template-choose">
									<h4 class="col-xs-offset-0">账套</h4>
									<div class="form-group">
										<div class="col-xs-offset-2">
											<label for="templateExportBtn" class="fa control-label"
												style="float: left;">账套清单</label>
											<div class="col-xs-3">
												<button id="templateExportBtn" type="button"
													class="btn btn-primary">导出</button>
											</div>
										</div>
									</div>
									<div class="form-group">
										<div class="col-xs-offset-2">
											<label for="selectedTemplate" class="fa control-label"
												style="float: left;">筛选账套</label>
											<div class="col-xs-5">
												<input type="file" name="selectedTemplate"
													id="selectedTemplate" class="file" />
											</div>
											<div class="col-xs-5">
												<button type="button" class="btn btn-primary"
													id="templateUploadBtn">上传</button>
											</div>
										</div>
									</div>
									<div class="form-group">
										<div class="col-xs-offset-2 ">
											<div>
												<p style="font-size: 80%; font-style: italic; float: left;">请导出账套清单，筛选后上传（支持格式：csv,
													xls,xlsx）</p>
											</div>
										</div>
									</div>
								</form>
								<form class="form-horizontal" id="data-export">
									<h4 class="col-xs-offset-0">起始日期</h4>
									<div class="form-group">
										<div class="col-xs-offset-2">
											<label class="control-label fa" style="float: left;">从</label>
											<div class="col-xs-2">
												<select name="year" id="year" class="form-control input-sm">
													<!-- <option th:each="year:${yearList}" th:value="${year}" th:text="${year}"></option> -->
												</select>
											</div>
											<label for="year" class="control-label fa"
												style="float: left;">年</label>
											<div class="col-xs-2">
												<select name="monthBegin" id="monthBegin"
													class="form-control input-sm">
													<!-- <option th:each="month:${monthList}" th:value="${month}" th:text="${month}"></option> -->
												</select>
											</div>
											<label for="monthBegin" class=" control-label fa"
												style="float: left;">至</label>
											<div class="col-xs-2">
												<select name="monthEnd" id="monthEnd"
													class="form-control input-sm">
													<!-- <option th:each="month:${monthList}" th:value="${month}" th:text="${month}"></option> -->
												</select>
											</div>
											<label for="monthEnd" class="fa control-label"
												style="float: left;">月</label>
										</div>
									</div>
									<h4 class="col-xs-offset-0">导出类型</h4>
									<div class="form-group">
										<div class="col-xs-offset-2 ">
											<input name="exportType" type="radio" value="1" />&nbsp;科目余额&nbsp;
											<input name="exportType" type="radio" value="2" />&nbsp;序时账
										</div>
									</div>
									<h4 class="col-xs-offset-0">导出形式</h4>
									<div class="form-group">
										<div class="col-xs-offset-2 ">
											<input name="exportFormat" type="radio" value="1" />&nbsp;一个账套一个文件&nbsp;
											<input name="exportFormat" type="radio" value="2" />&nbsp;一个月一个文件&nbsp;
											<input name="exportFormat" type="radio" value="3" />&nbsp;一个文件（.txt）
										</div>
									</div>
									<h4 class="col-xs-offset-0">备注</h4>
									<div class="form-group">
										<div class="col-xs-offset-2 ">
											<textarea name="exportComment" cols="50"></textarea>
										</div>
									</div>
									<div class="form-group">
										<br />
										<button type="button" class="btn btn-primary col-xs-offset-2"
											style="float: left;" id="dataExportBtn">导出</button>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</body>
</html>